 var basepath = $("#baseUrl").attr("href");
/*var uploader = WebUploader.create({

		    // 选完文件后，是否自动上传。
		    auto: true,

		    // swf文件路径
		   // swf:'../js/Uploader.swf',

		    // 文件接收服务端。
		    server: basepath+'/upload/upImg.do',

		    // 选择文件的按钮。可选。
		    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
		    pick: '#filePickerd',

		    // 只允许选择图片文件。
		    accept: {
		        title: 'Images',
		        extensions: 'gif,jpg,jpeg,bmp,png',
		        mimeTypes: 'image/*'
		    }
		});
	  
	  uploader.on( 'fileQueued', function( file ) { 
		  var $list = $("#fileList"), 
		  $li = $( 
		  '<div id="' + file.id + '" class="file-item thumbnail">' + 
		  '<img class="shangchuantu">' + '</div>'
		  ), 
		  $img = $li.find('img'); 
		   
		   
		  // $list为容器jQuery实例 
		  $list.append( $li ); 
		   
		  // 创建缩略图 
		  uploader.makeThumb( file, function( error, src ) { 
		  if ( error ) { 
		  $img.replaceWith('<span>不能预览</span>'); 
		  return; 
		  } 
		   
		  $img.attr( 'src', src ); 
		  }, 100, 100 ); //100x100为缩略图尺寸 
		 });

	//文件上传过程中创建进度条实时显示。 
	  uploader.on( 'uploadProgress', function( file, percentage ) { 
	   var $li = $( '#'+file.id ), 
	   $percent = $li.find('.progress span'); 
	    
	   // 避免重复创建 
	   if ( !$percent.length ) { 
	   $percent = $('<p class="progress"><span></span></p>') 
	   .appendTo( $li ) 
	   .find('span'); 
	   } 
	    
	   $percent.css( 'width', percentage * 100 + '%' ); 
	  }); 
	    
	  // 文件上传成功，给item添加成功class, 用样式标记上传成功。 
	  uploader.on( 'uploadSuccess', function( file, res ) { 
	   console.log(res.filePath);//这里可以得到上传后的文件路径 
	   $( '#'+file.id ).addClass('upload-state-done'); 
	  }); 
	    
	  // 文件上传失败，显示上传出错。 
	  uploader.on( 'uploadError', function( file ) { 
	   var $li = $( '#'+file.id ), 
	   $error = $li.find('div.error'); 
	    
	   // 避免重复创建 
	   if ( !$error.length ) { 
	   $error = $('<div class="error"></div>').appendTo( $li ); 
	   } 
	    
	   $error.text('上传失败'); 
	  }); 
	    
	  // 完成上传完了，成功或者失败，先删除进度条。 
	  uploader.on( 'uploadComplete', function( file ) { 
	   $( '#'+file.id ).find('.progress').remove(); 
	  });
	 */
	  //添加商品1 
	  if(document.getElementById('shctp1')){
		  initwebuploader();
		  function initwebuploader(){
			  var uploader = WebUploader.create({

				    // 选完文件后，是否自动上传。
				    auto: true,

				    // swf文件路径
				   // swf:'../js/Uploader.swf',

				    // 文件接收服务端。
				    server: basepath+'/upload/upImg.do',

				    // 选择文件的按钮。可选。
				    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
				    pick: {
				    	id:'#filePickerd',
				    	multiple:false,//当个文件 
				    },
				    fileNumLimit: 1,//限制单张
				   // resize : true,//压缩
				    duplicate :true,
				    // 只允许选择图片文件。
				    accept: {
				        title: 'Images',
				        extensions: 'gif,jpg,jpeg,bmp,png',
				        mimeTypes: 'image/*'
				    }
				});
			  
			  uploader.on( 'fileQueued', function( file ) { 
				  $("#fileList").empty();
				  var $list = $("#fileList"), 
				  $li = $( 
				  '<div id="' + file.id + '" class="file-item thumbnail">' + 
				  '<img class="shangchuantu">' + '</div>'
				  ), 
				
				  $img = $li.find('img'); 
				   
				   
				  // $list为容器jQuery实例 
				  $list.append( $li ); 
				   
				  // 创建缩略图 
				  uploader.makeThumb( file, function( error, src ) { 
				  if ( error ) { 
				  $img.replaceWith('<span>不能预览</span>'); 
				  return; 
				  } 
				 
				  $img.attr( 'src', src ); 
				  }, 100, 100 ); //100x100为缩略图尺寸 
				 });
			  uploader.on("uploadSuccess", function (file,response) {
				  console.log(response.data.id);
			  })
			  uploader.on("uploadFinished", function (file,src) {
				 
			        uploader.destroy();//重复上传,县销毁,在重新启动
			        
			        initwebuploader();
			    });
			  
			  
		  }
		  
		 }
	  
	  //添加商品2
	  if(document.getElementById('shctp2')){
		  initwebuploader2();
		  function initwebuploader2(){
			  var uploader2 = WebUploader.create({

				    // 选完文件后，是否自动上传。
				    auto: true,

				    // swf文件路径
				   // swf:'../js/Uploader.swf',

				    // 文件接收服务端。
				    server: basepath+'/upload/upImg.do',

				    // 选择文件的按钮。可选。
				    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
				    pick: {
				    	id:'#filePickerd2',
				    	multiple:false,//当个文件 
				    },
				    fileNumLimit: 1,//限制单张
				   // resize : true,//压缩
				    duplicate :true,
				    // 只允许选择图片文件。
				    accept: {
				        title: 'Images',
				        extensions: 'gif,jpg,jpeg,bmp,png',
				        mimeTypes: 'image/*'
				    }
				});
			  
			  uploader2.on( 'fileQueued', function( file ) { 
				  $("#fileList2").empty();
				  var $list = $("#fileList2"), 
				  $li = $( 
				  '<div id="' + file.id + '" class="file-item thumbnail">' + 
				  '<img class="shangchuantu">' + '</div>'
				  ), 
				
				  $img = $li.find('img'); 
				   
				   
				  // $list为容器jQuery实例 
				  $list.append( $li ); 
				   
				  // 创建缩略图 
				  uploader2.makeThumb( file, function( error, src ) { 
				  if ( error ) { 
				  $img.replaceWith('<span>不能预览</span>'); 
				  return; 
				  } 
				   
				  $img.attr( 'src', src ); 
				  }, 100, 100 ); //100x100为缩略图尺寸 
				 });
			  uploader2.on("uploadFinished", function () {

			        uploader2.destroy();//重复上传,县销毁,在重新启动
			        
			        initwebuploader2();
			    });
			
			 
		  }
		  
		 }
	  for(var i = 0;i < pinarray.length;i++){
    		var div1 = $('<div class="checkbox pinqilai"></div>');
    		var div2 = $('<div class="shifouzha"></div>');
    		var ul = $('<ul class="tianxieme"></ul>');
    		var li = $('<li class="tanxiexinxi"></li>');
    		if(pinyyd == 0){
    			li.append('<p class="pinpric">是否已开启拼单：</p>'+'<p id="pinsfou" class = "pinrenshunum">是</p>');
	        }else{
	        	li.append('<p class="pinpric">是否已开启拼单：</p>'+'<p id="pinsfou" class = "pinrenshunum">否</p>');
	        }
    		
    		var li2 = $('<li class="tanxiexinxi"></li>');
    		li2.append('<p class="pinpric">拼团人数：</p>'+'<p id="pinrenshu" class = "pinrenshunum">'+parray.pinNums+'</p>');
    		var li3 = $('<li class="tanxiexinxi"></li>');
    		li3.append('<p class="pinpric">拼团周期：</p>'+'<p id="pinshijian" class="pinrenshunum">'+parray.pinTime+'</p>');
    		var li4 = $('<li class="tanxiexinxi fkkljok"></li>');
    		if(pinsendy == 1){
    			li4.append('<p class="pinpric">是否免费配送：</p>'+'<p id="pinshifoupei" class = "pinrenshunum">是</p>'+'<p class="pinpric">每公里配送费：</p>'+'<p id="pinsendjigedp" class = "pinrenshunum">'+parray.sendPrice+'</p>'+'<p class="xqnf shaongp">商品必须送货入户</p>');
	      	}else{
	      		li4.append('<p class="pinpric">是否免费配送：</p>'+'<p id="pinshifoupei" class = "pinrenshunum">否</p>'+'<p class="pinpric">每公里配送费：</p>'+'<p id="pinsendjigedp" class = "pinrenshunum">'+parray.sendPrice+'</p>'+'<p class="xqnf shaongp">商品必须送货入户</p>');
	      	}
    		
    		var li5 = $('<li class="tanxiexinxi mianfeianz pinZAIAFEI"></li>');
    		if(anzhunys == 1){
    			li5.append('<p class="pinpric">是否免费安装：</p>'+'<p id="pinshifouanzjd" class = "pinrenshunum">是</p>'+'<p class="pinpric">安装费：</p>'+'<p id="pinanzhuangjiadeg" class = "pinrenshunum">'+parray.pinInstallPrice+'</p>');
	      	}else{
	      		li5.append('<p class="pinpric">是否免费安装：</p>'+'<p id="pinshifouanzjd" class = "pinrenshunum">否</p>'+'<p class="pinpric">安装费：</p>'+'<p id="pinanzhuangjiadeg" class = "pinrenshunum">'+parray.pinInstallPrice+'</p>');
	      	}
    		
    		var p = $('<p class="xqxinghao">拼单商品型号</p>');
    		var div3 = $('<div class="pinxuanzdongtaijia"></div>')
    		var div = $('<div class="baoxinghao baonao"></div>');
    		  div.append('<span id="xinghaozhans" class="xqxinghaox pinxiaodd">'+pricarray[i].model+'</span>'+'<span id="cicunzhans" class="xqxinghaox pinxiaodd">'+pricarray[i].size+'</span>'+'<span id="yansezhans" class="xqxinghaox pinxiaodd">'+pricarray[i].color+'</span>'+'<span id="jiagezhans" class="xqxinghaox pinxiaodd">'+pinarray[i].pinPrice+'元</span>')
    		  $('.sevenshizi').append(div1);
    		  div1.append(div2);
    		  div2.append(ul);
    		  ul.append(li);
    		  ul.append(li2);
    		  ul.append(li3);
    		  ul.append(li4);
    		  ul.append(li5);
    		  div2.append(p);
    		  div2.append(div3);
    		  div3.append(div);
    	  }